
<div class="widget">


    <div class="block">
        <h2 class="text-dark-orange"><?= $product->title; ?></h2>
    </div>

    <div class="widgetContent bottom-border listing">
        <div class="row nomargin">
            <div class="col-md-5 col-sm-5 col-xs-5">
                <img data-toggle="magnify"
                    class="img-responsive"
                    src="<?= URL::base(); ?>/storage/uploads/products/<?= $product->image; ?>"
                    alt="" title="">
            </div>

            <div class="col-md-7 col-sm-7 col-xs-7">
                <?= $product->description; ?>
                <hr>
                Price : <?= $product->price; ?>

                <a href="#" class="btn btn-danger pull-right"  data-toggle="modal"
								data-target=".proenq">Send Enquiry</a>
            </div>


            <div class="col-md-12 col-sm-12 col-xs-12">
                <hr>
                <h2 class="text-muted">Company Information</h2>

                <p class="margin-top">

                <h3><?= ($company->title ? $company->title : null); ?></h3>

                <h3>
                    <?= ($company->address1 ? $company->address1 : null); ?>
                </h3>

                <p>
                    <?= ($company->address2 ? ', ' . $company->address2 : null); ?>
                </p>

                <p>
                    <?php foreach (Terms::location($company->id) as $loc): ?>
                        <a href="#"><?= Locations::find($loc->value)->name; ?>, </a>
                    <?php endforeach; ?>

                    <?= Settings::get('en', 'default_location'); ?>
                </p>

                <h2 class="margin-top">
                    <?= $company->phone1; ?>
                </h2>


                <p class="thin margin-top">
                    <?php foreach (Terms::category($company->id) as $cat): ?>
                        <a href="#" class="text-warning"><?= Categories::find($cat->value)->name; ?>,</a>
                    <?php endforeach; ?>
                </p>

                <p class="margin-bottom">
                    <?= $company->description;?>
                </p>


            </div>

        </div>
    </div>

</div>

<style>
    .proenq {
        /* new custom width */
        width: 800px;
		margin-left: auto;
   		 margin-right: auto;
    }
</style>
 <div class="modal  proenq" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
	
		<div class="modal-dialog modal-sm">
        <div class="modal-content ">
				<div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span class="sr-only">Close</span>x</button>
               <h4 class="modal-title" id="enqModalLabel">
				Send Enquiry to <?= $company->title;?> company for <?= $product->title; ?>
						
					</h4>
            </div>
				<div class="modal-body">
					<div class="row">
                   
						<form id="post_proenq" method="post"
							action="<?= URL::base();?>/products/sendenquiry"
							accept-charset="<?= Settings::get('en','charset');?>">
							<h2>Send Enquiry</h2>
							<span class="pull-right" id="proenq_message"></span>

							<div class="row1" hidden="hidden">
								<div class="col-md-6">
									<label>Product Name 
									</label> <input type="text" placeholder="Type something…"
										class="field" name="product_id" id="product_id" value="<?= $product->id;?>">
								</div>
								</div>
								
								<div class="row1" hidden="hidden">
								<div class="col-md-6">
									<label>Company Email
									</label> <input type="text" placeholder="Type something…"
										class="field" name="company_email" id="company_email" value="<?= $company->email;?>">
								</div>
								</div>
							
							<div class="row1" hidden="hidden">
						<div class="col-md-6">
							<label>Current Url
							</label> <input type="text" placeholder="Type something…"
								class="field" name="product_url" id="product_url" value="<?= URL::current();?>" >
						</div>
						
					</div>
					
							<div class="row1">
								<div class="col-md-6">
									<label>Full Name 
									</label> <input type="text" placeholder="Type something…"
										class="field" name="pro_enq_name" id="pro_enq_name">
								</div>
								<div class="col-md-6">
									<label>Email 
									</label> <input type="text" placeholder="Type something…"
										class="field" name="pro_enq_email" id="pro_enq_email">
								</div>

							</div>
							
							<div class="row1">
								<div class="col-md-6">
									<label>Contact No 
									</label> <input type="text" placeholder="Type something…"
										class="field" name="pro_enq_contactno" id="pro_enq_contactno">
								</div>
								<div class="col-md-6">
									<label>Location 
									</label> 
						 <input type="hidden"  name="selectbox-mylocation7"  id="selectbox-mylocation7" class="field f-right ui-autocomplete-input select2" data-placeholder="Choose a Location...." />
									
								</div>

							</div>

							<div class="row1">
								<div class="col-md-12">
									<label>Description  <span
										class="mute">( Minimum 25 character ) </span>
									</label>
									<textarea class="form-control field" rows="5"
										name="pro_enq_description" id="pro_enq_description"></textarea>
								</div>
							</div>



							<div class="modal-footer pull-left">
								<button type="button" class="btn btn-default"
									data-dismiss="modal">Close</button>
								<button type="submit" class="btn btn-primary" id="pro_enq">Save
									changes</button>
							</div>


						</form>
						
					</div>
				</div>


			</div>
		</div>
	</div>